<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>脚本组织结构图</title>
<script type="text/javascript" src="${request.getContextPath()}/js/common/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/jquery-ui.min.js"></script>
<script type="text/javascript">
		var jq = jQuery.noConflict(true);
</script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/json2.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/common.js"></script>

<script type="text/javascript" src="${request.getContextPath()}/js/tree/jquery.contextmenu.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/main/tree.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/chart/jquery.jOrgChart.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/chart/prettify.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/main/taffy.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/fancybox/jquery.fancybox.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/fastbuild/fastbuild.js"></script>
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/tree/dtree.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/chart/custom.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/chart/jquery.jOrgChart.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/chart/prettify.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/fancybox/jquery.fancybox.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/common/common.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<script type="text/javascript">
	var contextPath = '${request.getContextPath()}';
	
	function check_number(str,id)    
    {    
        if (!/^\d+$/.test(str)){    
           $("#"+id).val("");
        } 
    } 
</script>
<style type="text/css">
	body {
		color: #000;
		background: #D2D8DE;
	    font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size:14px;
		min-height: 101%;
	}
	#home {
		margin: 0 auto;
	}
	* {
		margin: 0;
		padding: 0;
	}
	div {
    	display: block;
	}
	/*****主页文章列表开始**************************/
	#main{
		min-width: 950px;
		text-align: left;
		padding:40px 0 0 10px;
		overflow: hidden;
	}
	#mainContent {
		min-height: 200px;
		padding: 0px 0px 10px 0;
		*padding-top:10px;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		float: right;
		margin-left: -20em;margin-right: 20px;display: inline;
		width: 95%
	}
	#mainContent .forFlow{
		margin-left:20em;
		float: none; 
		width: auto;
	}
	.postTitle {
		font-size: 110%;
		font-weight: bold;
		border-bottom: 1px dashed #ccc;
		float: right;
		line-height:2.5em;font-size: 18px;
		width: 100%;
		clear:both;
	}
	.postTitle a:link, .postTitle a:visited, .postTitle a:active {
		color: #390;transition:all 0.4s linear 0s
	}
	.postTitle a:hover {
		color: #F60;
		text-decoration: none;margin-left: 10px;
	}
	/*****侧边栏开始********************************/
	#sideBar {
		width: 285px;
		min-height: 200px;
		padding: 0px 0 0px 5px;
		float: left;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}
	.newsItem .catListTitle {
		display: none;
	}
	.newsItem,#blog-calendar {
		margin-bottom:15px;
		text-indent:0;
		padding:10px;
		background: #FAFCFD;
		border-radius:7px;
		box-shadow:1px 1px 2px #A7A8AD;
		line-height: 1.5;
	}
	#blog-news{
		overflow:hidden;
	}
	#profile_block{
		margin-top:5px;
		line-height:1.5;
		text-align:left}
	.newsItem,#blog-calendar {
		margin-bottom:15px;
		text-indent:0;
		padding:10px;
		background: #FAFCFD;
		border-radius:7px;
		box-shadow:1px 1px 2px #A7A8AD;
		line-height: 1.5;
	}
	/****查看文章页面开始*************************/
	#topics {
		min-height: 200px;
		margin-bottom: 15px;
		padding:15px;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;background: #fff;border-radius: 7px;
		box-shadow: 1px 1px 2px #A7A8AD;
	}
	#topics .postTitle {
		font-size: 130%;
		font-weight: bold;
		border-bottom: 1px solid #999;
		float: left;
		line-height:2em;
		width: 100%;
		padding-left: 5px;
	}
	.postBody {
		padding: 15px 2px 5px 5px;
		line-height: 1.5;
		color: #000;
		border-bottom: 1px solid #ccc;
	}
	.main-content{
		margin-left:40%;
		margin-right:0;
		margin-top:0;
		min-height:100px;
		padding:0;
	}
	 .page-tip{
		font:12px '微软雅黑',Times,sans-serif;
		padding:5px 0;
		color:#999999;
		line-height:20px;
	}
    .page-tip i{
		color:#D8833E;
		font:bold 12px '微软雅黑',Times,sans-serif;
		font-weight:600;
		margin:0 5px;
	}
</style>
<body>
	<div id="home">
		<div id="header">
			<div id="navigator">
				<#include "/public/header.html"/>
			</div>
		</div>
		<div>
			<input type="hidden" id="projectid" value="${projectid}">
			<input type="hidden" id="moduleId" value="">
		</div>
		<div id="main">
			<div id="mainContent">
				<div class="forFlow">
					<div id="post_detail">
						<div id="topics">
							<div class="post">
								<h1 class="postTitle">
									<a id="cb_post_title_url" class="postTitle2" href="http://www.cnblogs.com/ganqiyin/p/3471622.html">jquery UI 跟随学习笔记——拖拽（Draggable）</a>
								</h1>
								<div id="chart" class="orgChart"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="sideBar">
				<div id="sideBarMain">
					<div class="newsItem">
						<div id="blog-news">
							<div id="profile_block">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addModuleModal" disabled id="addModule">
								 	 添加模块
								</button>
								<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delModuleModal" disabled id="delModule">
								 	 删除模块
								</button>
								<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#loadScriptModal" onclick="tree.index.loadProjectScript();">
								 	 下载脚本
								</button>
							</div>
						</div>
					</div>
					<div id="blog-calendar">
						<div class="">
				          <h2>项目列表树</h2>
				          <div id="treeview" class=""></div>
				        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 脚本结构图 -->
    <div id="fancy" class="hidden">
		<form action="." method="post" id="add_node_form">
			<h1 class="title_lb">新增页面</h1>
			<div class="span9" id="add_nodo">
				<p class="notice span9">输入页面信息</p>
				<div class="inputPageBox" >
					<label for="new_node_name">page名称:</label>
					<input type="text" name="node_name" id="new_node_name"	/>
					<span id="span1"></span>
				</div>
				<div class="inputBox">
					<label for="classtype">元素类型:</label>
					<select id="classtype" name="classtype" style="width:150px;margin-left:10px;">
					</select>
					<input type="checkbox" value="" name="webview" />WebView
				</div>
				<div class="inputBox">
					<label> 元素文本:</label>
					<input	type="text" name="text" id="text"  />
				</div>
				<div class="inputBox">
					<label for="elementindex">同类元素排序位置:</label>
					<input type="text" name="elementindex" id="elementindex" onchange="value=value.replace(/[^\d]/g,'') " onkeyup="value=value.replace(/[^\d]/g,'') "  onblur="check_number(this.value,this.id);"/>
				</div>
				<div class="inputBox" >
						<label for="content"> 操作:</label>
						<select id="content" name="content" style="width:150px;margin-left:10px;">
						</select>
				</div>
				<div class="inputBox" id="oTB">
					<label for="operText"> 输入内容:</label>
					<input id="operText" name="operText" ></input>
				</div>
				<div class="inputBox" id="tCount">
					<label for="count"> 次数:</label>
					<input id="count" name="count" onchange="value=value.replace(/[^\d]/g,'') " onkeyup="value=value.replace(/[^\d]/g,'')" onblur="check_number(this.value,this.id);" ></input>
				</div>
				<div class="inputBox">
					<label for="parentElementId">前置元素：</label> 
					<select id="parentElementId" style="width:150px;margin-left:10px;">
                         
                    </select>
                </div >	
				<div class="submitBox">
					<input type="submit" id="add_node" value="确定" class="ok fastbuild-btn" disabled=disabled></input>
				</div>
			</div>
		</form>
	</div>

    <div id="fancy_edit" class="hidden">
		<form action="." method="post" id="edit_node_form">
			<h1 class="title_lb">编辑节点</h1>
			<div class="span9" id="edit_nodo">
				<p class="notice span9">输入新页面名称</p>
				<div class="inputPageBox">
					<label for="node_name">页面名称：</label>
					<input type="text" name="node_name" id="edit_node_name" />
					<span id="span2"></span>
				</div>
				<div class="submitBox">
					<input type="submit"  id="edit_node" value="确定" class="fastbuild-btn"></input>
				</div>
			</div>
		</form>
	</div>
     <!-- 拖动之后添加页面元素跳转信息 -->
	<div class="span12" id="addPageElement" style="display:none;">
         	<p class="notice span9">输入页面信息</p>
         		<div class="inputBox" >
         			<label for="classtype">元素类型:</label>
         			<select id="type" name="classtype" style="width:150px;margin-left:10px;">
     				</select>
     				<input type="checkbox" value="" name="dragWebView" />WebView
         		</div>
         		<div class="inputBox">
         			<label> 元素文本:</label>
         			<input	type="text" name="text" id="elementText" />
         		</div>
         		<div class="inputBox">
         			<label for="elementindex">同类元素排序位置:</label>
         			<input type="text" name="elementindex" id="index"  />
         		</div>
         		<div class="inputBox">
         			<label for="content"> 操作:</label>
         			<select id="operational" name="content" style="width:150px;margin-left:10px;"></select>
         			
         		</div>
         		<div class="inputBox" id="o_TB">
         			<label for="oper_text"> 输入内容:</label>
         			<input id="oper_text" name="operText" ></input>
         		</div>
         		<div class="inputBox" id="t_count">
			<label for="count"> 次数:</label>
			<input id="o_count" name="count" onchange="value=value.replace(/[^\d]/g,'') " onkeyup="value=value.replace(/[^\d]/g,'') "  onblur="check_number(this.value,this.id);"></input>
		</div>
     		<div class="submitBox">
     			<input type="button" id="addElement" value="确定" class="ok fastbuild-btn"></input>
     		</div>
      </div>
    <div style="text-align:center;">
		<#include "/public/footer.html"/>
	</div>
</body>
</html>